<template>
	<div class="index">
		<div class="bk"></div>
		<homehead class="homeheader"></homehead>
		<div style="margin-left: 200px;margin-right: 30px;">
			<keep-alive include="Home,chat">
				<router-view></router-view>
			</keep-alive>

		</div>

	</div>
</template>

<script>
	import homehead from '../components/Header.vue'
	// @ is an alias to /src

	export default {
		name: 'Index',
		components: {
			homehead
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>
<style scoped="scoped">
	.homeheader {
		height: 100%;
		max-width: 300px;
		width: auto;
		min-width: 80px;
	}
	body{
		margin: 0;
		padding: 0;
	}
	.index{
		overflow: auto;
	}
	.bk {
		z-index: -1;
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: rgba(188, 226, 225, .3);
	}
</style>
